<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>ESM27 Chemical Detail</title>
<link type="text/css" rel="stylesheet" href="/css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="/css/base.css">
<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript"
	src="/js/bootstrap-3.3.7/js/bootstrap.min.js"></script>
</head>
<body class="search">
	<div class="header">
		<div class="search_from">
			<img alt="logo" src="/images/search_header_logo.png" class="logo"><input
				type="text" id="search_input" placeholder="" th:value="${key}" /><input
				type="button" id="search_button" value="搜一下">
		</div>
		<ul class="menu">
			<li><a src="#">相关文档</a></li>
			<li><a src="#">部署教程</a></li>
		</ul>
	</div>
	<div class="panel panel-default detail">
			<div class="panel-heading">
				<h3 class="panel-title">化学品信息</h3>
			</div>
			<ul class="list-group">
				<li class="list-group-item">化学品中文名：[[${chemical.chemicalCNName}]]</li>
				<li class="list-group-item">其他中文名：[[${chemical.otherCNName}]]</li>
				<li class="list-group-item">化学品英文名：[[${chemical.chemicalENName}]]</li>
				<li class="list-group-item">其他英文名：[[${chemical.otherENName}]]</li>
				<li class="list-group-item">CAS：[[${chemical.chemicalCAS}]]</li>
			</ul>
			
			<div class="panel-heading">
				<h3 class="panel-title">成分/组成信息</h3>
			</div>
			<ul class="list-group">
				<li class="list-group-item">纯品/混合物：[[${chemical.chemicalZHUCH}]]</li>
				<li class="list-group-item">有害物成份1：[[${chemical.chemicalYHCH1}]]</li>
				<li class="list-group-item">浓度：[[${chemical.chemicalYHND1}]]</li>
				<li class="list-group-item">CAS No：[[${chemical.chemicalYHCAS1}]]</li>
				<li class="list-group-item">有害物成份2：[[${chemical.chemicalYHCH2}]]</li>
				<li class="list-group-item">浓度：[[${chemical.chemicalYHND2}]]</li>
				<li class="list-group-item">CAS No：[[${chemical.chemicalYHCAS2}]]</li>
				<li class="list-group-item">有害物成份3：[[${chemical.chemicalYHCH3}]]</li>
				<li class="list-group-item">浓度：[[${chemical.chemicalYHND3}]]</li>
				<li class="list-group-item">CAS No：[[${chemical.chemicalYHCAS3}]]</li>
				<li class="list-group-item">有害物成份4：[[${chemical.chemicalYHCH4}]]</li>
				<li class="list-group-item">浓度：[[${chemical.chemicalYHND4}]]</li>
				<li class="list-group-item">CAS No：[[${chemical.chemicalYHCAS4}]]</li>
				<li class="list-group-item">有害物成份5：[[${chemical.chemicalYHCH5}]]</li>
				<li class="list-group-item">浓度：[[${chemical.chemicalYHND5}]]</li>
				<li class="list-group-item">CAS No：[[${chemical.chemicalYHCAS5}]]</li>
			</ul>
			
			<div class="panel-heading">
				<h3 class="panel-title">危险性概述</h3>
			</div>
			<ul class="list-group">
				<li class="list-group-item">危险性类别：[[${chemical.chemicalCLASN}]]</li>
				<li class="list-group-item">侵入途径：[[${chemical.chemicalQYTJ}]]</li>
				<li class="list-group-item">健康危害：[[${chemical.chemicalJKWH}]]</li>
				<li class="list-group-item">环境危害：[[${chemical.chemicalHJWH}]]</li>
				<li class="list-group-item">燃爆危险：[[${chemical.chemicalBRWX}]]</li>
			</ul>
			
			<div class="panel-heading">
				<h3 class="panel-title">急救措施</h3>
			</div>
			<ul class="list-group">
				<li class="list-group-item">皮肤接触：[[${chemical.chemicalPFJC}]]</li>
				<li class="list-group-item">眼睛接触：[[${chemical.chemicalYJJC}]]</li>
				<li class="list-group-item">吸　　入：[[${chemical.chemicalXY}]]</li>
				<li class="list-group-item">食　　入：[[${chemical.chemicalUY}]]</li>
			</ul>
			
			<div class="panel-heading">
				<h3 class="panel-title">消防措施</h3>
			</div>
			<ul class="list-group">
				<li class="list-group-item">危险特性：[[${chemical.chemicalHAZN}]]</li>
				<li class="list-group-item">有害燃烧产物：[[${chemical.chemicalPRODN}]]</li>
				<li class="list-group-item">灭火方法：[[${chemical.chemicalFIRN}]]</li>
				<li class="list-group-item">灭火注意事项及措施：[[${chemical.chemicalMHZY}]]</li>
			</ul>
			
			<div class="panel-heading">
				<h3 class="panel-title">泄漏应急处理</h3>
			</div>
			<ul class="list-group">
				<li class="list-group-item">应急行动：[[${chemical.chemicalJJN}]]</li>
			</ul>
			
			<div class="panel-heading">
				<h3 class="panel-title">操作处置与储存</h3>
			</div>
			<ul class="list-group">
				<li class="list-group-item">操作注意事项：[[${chemical.chemicalCCCZN}]]</li>
			</ul>
			
			<div class="panel-heading">
				<h3 class="panel-title">接触控制/个体防护</h3>
			</div>
			<ul class="list-group">
				<li class="list-group-item">MAC(mg/m^3)：[[${chemical.chemicalCCZYN}]]</li>
				<li class="list-group-item">PC-TWA（mg/m^3）：[[${chemical.ChemicalPCTWA}]]</li>
				<li class="list-group-item">PC-STEL（mg/m^3）：[[${chemical.ChemicalPCSTEL}]]</li>
				<li class="list-group-item">TLV-C(mg/m^3)：[[${chemical.ChemicalTLVC}]]</li>
				<li class="list-group-item">TLV-TWA(mg/m^3)：[[${chemical.ChemicalTLVTWA}]]</li>
				<li class="list-group-item">TLV-STEL(mg/m^3)：[[${chemical.chemicalTLVSTEL}]]</li>
				<li class="list-group-item">监测方法：[[${chemical.chemicalJCFF}]]</li>
				<li class="list-group-item">工程控制：[[${chemical.chemicalGIKAN}]]</li>
				<li class="list-group-item">呼吸系统防护：[[${chemical.chemicalHXFFN}]]</li>
				<li class="list-group-item">眼睛防护：[[${chemical.chemicalYJFFN}]]</li>
				<li class="list-group-item">身体防护：[[${chemical.chemicalFFHN}]]</li>
				<li class="list-group-item">手防护：[[${chemical.chemicalUFHN}]]</li>
				<li class="list-group-item">其他防护：[[${chemical.chemicalQTFFN}]]</li>
			</ul>
			
			<div class="panel-heading">
				<h3 class="panel-title">理化特性</h3>
			</div>
			<ul class="list-group">
				<li class="list-group-item">外观与性状：[[${chemical.chemicalSTATE}]]</li>
				<li class="list-group-item">pH值：[[${chemical.chemicalPH}]]</li>
				<li class="list-group-item">熔点(℃)：[[${chemical.chemicalMP}]]</li>
				<li class="list-group-item">沸点(℃)：[[${chemical.Chemical_BP}]]</li>
				<li class="list-group-item">相对密度(水=1)：[[${chemical.Chemical_D4}]]</li>
				<li class="list-group-item">相对蒸气密度(空气=1)：[[${chemical.chemicalVD}]]</li>
				<li class="list-group-item">饱和蒸气压(kPa)：[[${chemical.chemicalVP}]]</li>
				<li class="list-group-item">燃烧热(kJ/mol)：[[${chemical.chemicalRSRZ}]]</li>
				<li class="list-group-item">临界温度(℃)：[[${chemical.chemicalLJWD}]]</li>
				<li class="list-group-item">临界压力(Mpa)：[[${chemical.chemicalLJYL}]]</li>
				<li class="list-group-item">辛醇/水分配系数：[[${chemical.chemicalXCFP}]]</li>
				<li class="list-group-item">闪点(℃)：[[${chemical.chemicalFLS}]]</li>
				<li class="list-group-item">引燃温度(℃)：[[${chemical.chemicalTEM}]]</li>
				<li class="list-group-item">爆炸下限[％(V/V)]：[[${chemical.chemicalLIM1}]]</li>
				<li class="list-group-item">爆炸上限[％(V/V)]：[[${chemical.chemicalLIM2}]]</li>
				<li class="list-group-item">溶解性：[[${chemical.chemicalRJXN}]]</li>
				<li class="list-group-item">主要用途：[[${chemical.chemicalUSED}]]</li>
			</ul>
			
			<div class="panel-heading">
				<h3 class="panel-title">稳定性和反应性</h3>
			</div>
			<ul class="list-group">
				<li class="list-group-item">稳定性：[[${chemical.chemicalSTAB}]]</li>
				<li class="list-group-item">禁配物：[[${chemical.Chemical_IMPN}]]</li>
				<li class="list-group-item">避免接触的条件：[[${chemical.chemicalCOD}]]</li>
				<li class="list-group-item">聚合危害：[[${chemical.chemicalPOL}]]</li>
				<li class="list-group-item">分解产物：[[${chemical.chemicalFJCW}]]</li>
			</ul>
			
			<div class="panel-heading">
				<h3 class="panel-title">废弃处置</h3>
			</div>
			<ul class="list-group">
				<li class="list-group-item">废弃物性质：[[${chemical.chemicalFQNXZ}]]</li>
				<li class="list-group-item">废弃处置方法：[[${chemical.chemicalFQN}]]</li>
				<li class="list-group-item">废弃注意事项：[[${chemical.chemicalFQNZY}]]</li>
			</ul>
			
			<div class="panel-heading">
				<h3 class="panel-title">运输信息</h3>
			</div>
			<ul class="list-group">
				<li class="list-group-item">危险货物编号：[[${chemical.chemicalWGH}]]</li>
				<li class="list-group-item">UN编号：[[${chemical.chemicalUN}]]</li>
				<li class="list-group-item">包装类别：[[${chemical.chemicalBZFLT}]]</li>
				<li class="list-group-item">包装标志：[[${chemical.chemicalMARKT}]]</li>
				<li class="list-group-item">包装方法：[[${chemical.chemicalBZFFT}]]</li>
				<li class="list-group-item">运输注意事项：[[${chemical.chemicalYSZYN}]]</li>
			</ul>
			
			<div class="panel-heading">
				<h3 class="panel-title">法规信息</h3>
			</div>
			<ul class="list-group">
				<li class="list-group-item">法规信息：[[${chemical.chemicalFGXXN}]]</li>
			</ul>
		</div>
	<script>
		$(document).ready(function() {
			$("#search_input").focus();
			$("#search_input").keyup(function(event) {
				if (event.keyCode == 13) {
					search($(this).val());
				}
			});
			$("#search_button").click(function() {
				search($("#search_input").val());
			});
		});

		function search(key) {
			window.location.href = "/chemical?key=" + key;
		}
	</script>
</body>
</html>